<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>

        // Object扩展方法

        // JSON: 一种数据文本的交换格式
        // 使用场景：用于前端后数据交互的

        // json可以一个对象, 也可以为一个数组

        // json格式
        //   值不能为undefined, 函数, 日期对象, 二进制, 八进制, 十六进制
        //   JSON格式对象或者数组的最后成员不能加逗号

        // 高阶函数

        // 闭包: 有权访问函数局部变量的函数

        // 闭包就是一个函数

        // 闭包的使用场景：
        //   在外部访问函数的私有变量

        // 优点: 避免全局污染

        // 冒泡排序
        // 选择排序
        // 快速排序(快排)

        // 正则表达式
        //   声明
        //   预定义模式
        //   量词符
        //   贪婪模式
        //   懒惰模式
        //   组
        //   或
        //   获取匹配组内容

        //   exec
        //   compile
        //   修饰符
        //   支持正则表达式的字符串API
        //     match()
        //     search()
        //     replace()
        //     split()

        // DOM
        // BOM
        // 面向对象编程


        // 练习：洗牌

        //牌
        var brand = [
            {
                brand: 1,
                left: 145,
                top: 63
            },
            {
                brand: 2,
                left: 45,
                top: 503
            },
            {
                brand: 3,
                left: 109,
                top: 302
            },
            {
                brand: 4,
                left: 97,
                top: 19
            },
            {
                brand: 5,
                left: 87,
                top: 401
            },
            {
                brand: 6,
                left: 209,
                top: 198
            }
        ];
        var arr = [];
        brand.forEach(function (value,index){
            arr.push(value.left+","+value.top);
        });
        brand.forEach(function (value){
            var cat = arr.splice(Math.floor(Math.random()*(arr.length-1)),1);
            cat = cat.toString().split(",");
            value.left = cat[0];
            value.top = cat[1];
        });
        console.log(brand);
        
    </script>
</body>

</html>